<template>
  <div>
    <h3 style="text-align: center">员工导入</h3>
    <hr>
    <UploadExcel :beforce-upload="beforeUpload" :on-success="onSuccess" />
  </div>
</template>
<script>
import UploadExcel from '@/components/UploadExcel'
import { sysUserBatch } from '@/api/employees'
import { excelTimetoJsTime } from '@/utils'
export default {
  components: {
    UploadExcel
  },
  methods: {
    beforeUpload(res) {
      // console.log('beforeUpload', res)
      // 限制上传文件大小   1k
      const limit1k = res.size / 1024 < 100
      if (!limit1k) {
        this.$message.error('请上传100k内的excel')
      }
      // 限制文件类型
      const limitType = /\.xlsx$/.test(res.name)
      if (!limitType) {
        this.$message.error('请上传xlsx的excel')
      }
      return limit1k && limitType
    },
    async onSuccess(res) {
      console.log('onSuccess', res)
      // excel时间是1900年到现在的天数，从1开始计算的，时区还有8小时偏差（多了8小时）
      // js时间：1970年到现在毫秒数
      const newArr = res.results.map((item) => {
        return {
          timeOfEntry: excelTimetoJsTime(item['入职日期']), //	string	非必须		入职时间
          username: item['姓名'], //	string	非必须		姓名
          workNumber: item['工号'], //	string	非必须		工号
          mobile: item['手机号'], //	string	非必须		手机号
          correctionTime: excelTimetoJsTime(item['转正日期']) //	string	非必须		转正时间
        }
      })
      await sysUserBatch(newArr)
      this.$message.success('导入成功')
      this.$router.push('/employees')
      console.log('excel导入转换', newArr)
    }
  }
}
</script>
<style></style>
